﻿/* UPLOADCONTAINER */
/* =========================================================== */
/*DIT WEL ENKEL VOOR DE DRAG AND DROP VARIANT! */

#uploadContainer
{
    display:block;border:2px dashed #BBD8FB;height:400px;position:relative;margin-bottom:1em;overflow:hidden;
}
             
#uploadContainer.kw-dragging
{
    border-color:#666;
    background-color:#fafafa;
}
#uploadContainer.kw-dragging.kw-dragover
{
    background-color:#f0f0f0;
}
#uploadContainer .su-filelist
{
    overflow:auto;padding:3px;display:none;
    position:absolute;top:24px;bottom:22px;left:0px;right:0px;
}
#uploadContainer .su-filelistitem
{
    float:left;padding:5px;margin-right:10px;
}
.su-progressbar
{
    margin-left:30px;margin-right:40px;background-color:#008800;height:3px;width:0px;            
}
#uploadTopContainer
{
    background-color:#EEF5FE;height:18px;padding:3px;
    position:absolute;top:0;left:0px;right:0px;
    width:99%;
}
#completeContainer
{
    float:right;display:none            
}
#completingIndicator
{
    background-image:url(/styles/assets/upload/ajax-loader.gif);
    background-position:0 center;
    padding-left:20px;
    background-repeat:no-repeat;
}
#uploadContainer.initial #selectorContainer
{
    margin-top:20%;text-align:center;font-size:20px;font-family: 'Segoe UI Light', 'Segoe UI' ,Helvetica,Arial,Sans-Serif;
}           
#uploadContainer.initial  #dropInstructions
{
    margin-bottom:6px
}
#uploadContainer.small #selectorContainer
{
    height:18px;
    padding:2px 4px;
    text-align:center;
    background:#f3f3f3;
    position:absolute;bottom:0;left:0px;right:0px;
}           
#uploadContainer.small #dropInstructions
{
    float:left;
}                  
#uploadContainer.small .su-fileselector, #uploadContainer.small .su-folderselector
{
    float:right;
    margin-right:3px;
}                                  
.su-removecommand
{
    cursor:pointer;
    width:16px;
    height:16px;
    margin-left:4px;
    background-image:url(/styles/assets/upload/button-icons.png);
    background-position: -80px 50%;
    text-indent:-10000px;
    background-position:center top;
    background-repeat:no-repeat;
    margin-top:3px;    
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    display:inline;
}
a:hover, .su-hover a, input[type=file]
{
    text-decoration:underline;
}
.su-fileselector a { color:Blue }    

